<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>课程详情</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css">
<link rel="stylesheet" href="static/easyui/themes/metro-blue/easyui.css">

</head>
<body>
<style type="text/css">
*{
	margin:0px;
	padding:0px;
}
.background{
	width: 1116px;
	height: 570px;
	margin: 0px auto;
	margin-top: 12px;
	background-color: #FFF;
}
.cols{
	padding-right: 5px;
    padding-left: 0;
	float:left;
}
.colsinput{
	transition: none;
    height: 22px;
    width:220px;
    padding: 0 4px;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid #eee;
}
.col_lab{
	display:block;
	width:calc(20%);
	float:left;
	text-align:right;
}
.icon-kaoshi1{
	width:100px;
	height:100px;
	margin:10px auto;
	background:url('static/easyui/themes/icons/test1.png') no-repeat  center center;
}
.icon-kaoshi1:hover{
	background:url('static/easyui/themes/icons/test2.png') no-repeat  center center;
}

.notest{
	width:fit-content;
	padding:2px 12px;
	float:left;
	margin:5px 10px;
	background:beige;
}
</style>
	<div style="width:calc(100% - 260px);margin:auto;">
		<form>
		<c:forEach items="${coursexq }" var="i">
			<div style="width:100%;margin:20px auto;overflow:hidden;">
				<label class="col_lab"><span style="color:red">*</span>课程名称：</label>
				<div class="cols">
					<input class="colsinput course_name" value="${i.course_name}" disabled="disabled"/>
				</div>
				<label class="col_lab"><span style="color:red">*</span>课程类型：</label>
				<div class="cols">
					<select class="colsinput course_type" disabled="disabled">
						<option>${i.course_type}</option>
					</select>
				</div>
			</div>
			
			<div style="width:100%;margin:20px auto;overflow:hidden;">
				<label class="col_lab"><span style="color:red">*</span>培训讲师：</label>
				<div class="cols jiangshi">
					<input class="colsinput teacher_name easyui-combogrid" disabled="disabled" value="${i.Staff_name}"/>
				</div>
			</div>
			
			<div style="width:100%;margin:20px auto;overflow:hidden;">
				<label class="col_lab"><span style="color:red">*</span>课程详情：</label>
				<div class="cols">
					<textarea rows="4" style="width:664px;height:84px;" disabled="disabled"  class="course_details">${i.course_details}</textarea>
				</div>
			</div>
			
			<div style="width:100%;margin:20px auto;overflow:hidden;">
				<label class="col_lab"><span style="color:red"></span>培训图片：</label>
				<div class="cols">
					<img src="${i.course_url}" alt="" style="width:140px;height:80px;border:solid 2px #ccc;">
				</div>
			</div>		
			<div style="position:fixed;bottom:0;box-shadow: 0 -2px 13px #bee3e6;width:100%;height:30px;background:white;text-align: center;line-height: 30px;">
				<a class="fanhui2" style="background: #EC971F;padding: 1px 15px;border-radius: 3px;color:white;">返回</a>
			</div>
		</c:forEach>
		</form>
	</div>
	<script type="text/javascript">
	$(function(){
		$(".fanhui2").click(function(){
			$("#content-admin").panel('open').panel('refresh','train-course');
		});
		
	});
	</script>
</body>
</html>
